<div class="pull-left">
  <button class="btn btn-default" (click)="clearAllCache()">清除所有店铺缓存</button>
</div>
<div class="form-inline pull-right">
  <input class="form-control" type="text" placeholder="请输入小程序名称" name="keyword" [(ngModel)]="searchData">
  <button class="btn btn-default" (click)="search()">检索</button>
  <button class="btn btn-default" (click)="reset()">重置</button>
</div>
<div class="table-responsive">
  <table class="table">
    <thead>
      <tr>
        <th>创建时间</th>
        <th>小程序名称</th>
        <th>创建者</th>
        <th>模板类型</th>
        <th>状态</th>
        <th>操作</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let item of appletList">
        <td>{{item.created_at}}</td>
        <td>{{item.name}}</td>
        <td>{{item.user.name}}</td>
        <td>{{item.template_category?.name}}</td>
        <td>{{item.status}}</td>
        <td class="operate">
          <a href="javascript:;" (click)="turnClearCache(item.applet_uuid, item.name)">缓存管理</a>
        </td>
      </tr>
    </tbody>
  </table>
  <div class="text-center">
    <pagination (pageChanged)="pageChanged($event)" [totalItems]="totalItems" [itemsPerPage]="itemsPerPage" [(ngModel)]="currentPage" [maxSize]="5"
                previousText="&lsaquo;" nextText="&rsaquo;" firstText="&laquo;" lastText="&raquo;" [boundaryLinks]="true" class="pagination-sm"></pagination>
  </div>
</div>

<app-notification [type]="type" [message]="message" [isShow]="isShow" (promptIsShow)="isShow = $event;"></app-notification>

<!--&lt;!&ndash; 缓存管理弹窗 &ndash;&gt;-->
<!--<div class="modal fade" bsModal #clearModal="bs-modal" tabindex="-1">-->
  <!--<div class="modal-dialog modal-sm">-->
    <!--<div class="modal-content">-->
      <!--<form #addTypeForm="ngForm">-->
        <!--<div class="modal-header">-->
          <!--<h4 class="modal-title pull-left">缓存管理</h4>-->
          <!--<button type="button" class="close pull-right" aria-label="Close" (click)="clearModal.hide()">-->
            <!--<span aria-hidden="true">&times;</span>-->
          <!--</button>-->
        <!--</div>-->
        <!--<div class="modal-body">-->
          <!--<div class="form-group clearfix">-->
            <!--<label class="col-md-1"><input type="checkbox"></label>-->
            <!--<div class="col-md-8">首页</div>-->
          <!--</div>-->
          <!--<div class="form-group clearfix">-->
            <!--<label class="col-md-1"><input type="checkbox"></label>-->
            <!--<div class="col-md-8">商品列表</div>-->
          <!--</div>-->
          <!--<div class="form-group clearfix">-->
            <!--<label class="col-md-1"><input type="checkbox"></label>-->
            <!--<div class="col-md-8">商品详情</div>-->
          <!--</div>-->
          <!--<div class="form-group clearfix">-->
            <!--<label class="col-md-1"><input type="checkbox"></label>-->
            <!--<div class="col-md-8">拼团列表</div>-->
          <!--</div>-->
          <!--<div class="form-group clearfix">-->
            <!--<label class="col-md-1"><input type="checkbox"></label>-->
            <!--<div class="col-md-8">基本信息</div>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div class="modal-footer">-->
          <!--<button class="btn btn-success" type="submit" (click)="clearModal.hide()">清除缓存</button>-->
        <!--</div>-->
      <!--</form>-->
    <!--</div>-->
  <!--</div>-->
<!--</div>-->
